<template>
  <div class="topWrap">
      <div class="logo">
          <img src="../../assets/logo_news.png" alt="">
      </div>
      <ul>
          <li>个人中心</li>
          <li>设置</li>
          <li>退出</li>
      </ul>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped lang="scss">
.topWrap{
    display: flex; 
    height: 80px;
    background-color: rgb(74, 38, 78);
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    ul{
        display: flex;
        list-style: none;
        li{
            margin: 0 6px;
            cursor: pointer;
            color: rgb(160, 75, 234);
            &:hover{
                color: rgb(216, 130, 220);
            }
        }
    }
}
</style>